<!DOCTYPE html>
<html lang="zxx">

<head>
  <meta charset="utf-8" />
  <title>JAVA 兴趣社 | 报名大赛</title>
  <meta content="width=device-width, initial-scale=1.0" name="viewport" />
  <meta content="Uhost is Creative Website Template" name="description" />
  <meta content="" name="keywords" />
  <meta content="" name="author" />

  <!--[if lt IE 9]>
      <script src="/user/js/html5shiv.js"></script>
    <![endif]-->

  <!-- CSS Files
    ================================================== -->
  <link rel="stylesheet" href="https://www.jq22.com/jquery/bootstrap-4.2.1.css" />
  <link href="/user/css/bootstrap-grid.min.css" rel="stylesheet" type="text/css" />
  <link href="/user/css/bootstrap-reboot.min.css" rel="stylesheet" type="text/css" />
  <link href="/user/css/animate.css" rel="stylesheet" type="text/css" />
  <link href="/user/css/owl.carousel.css" rel="stylesheet" type="text/css" />
  <link href="/user/css/owl.theme.css" rel="stylesheet" type="text/css" />
  <link href="/user/css/owl.transitions.css" rel="stylesheet" type="text/css" />
  <link href="/user/css/magnific-popup.css" rel="stylesheet" type="text/css" />
  <link href="/user/css/jquery.countdown.css" rel="stylesheet" type="text/css" />
  <link href="/user/css/style.css" rel="stylesheet" type="text/css" />

  <!-- color scheme -->
  <link id="colors" href="/user/css/colors/scheme-01.css" rel="stylesheet" type="text/css" />
  <link href="/user/css/coloring.css" rel="stylesheet" type="text/css" />

  <!-- RS5.0 Stylesheet -->
  <link href="revolution/css/settings.css" rel="stylesheet" type="text/css" />
  <link href="revolution/css/layers.css" rel="stylesheet" type="text/css" />
  <link href="revolution/css/navigation.css" rel="stylesheet" type="text/css" />
  <link href="/user/css/rev-settings.css" rel="stylesheet" type="text/css" />
</head>

<body>
  <div id="wrapper">
           <!-- header begin -->
           <header class="header-s1">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="header-row">
                            <div class="header-col left">
                                <!-- logo begin -->
                                <div id="logo">
                                    <!-- <a href="index.html"><img alt="" class="logo" src="/user/images/logo-light.png"> <img alt="" class="logo-2" src="images/logo-dark.png"></a> -->
                                    <a href="/"><img width="180px" alt="" class="logo" src="/user/images/logo-light.png"> <img alt="" width="120px" style="margin-left: -50px;" class="logo-2" src="/user/images/logo-dark.png"></a>
                                    <!-- <a href="index.html"><span class="logo" style="color:aliceblue; font-size: large;">java兴趣社</span><span class="logo-2" style="color:black; font-size:medium;">java兴趣社</span></a> -->
                                </div>
                                <!-- logo close -->
                            </div>
                            <div class="header-col mid">
                                <!-- mainmenu begin -->
                                <ul id="mainmenu">
                                    <li><a href="/">首页</a>
										<ul>
                                            <li><a href="/#section-news">社团活动</a></li>
                                            <li><a href="/#condition">最新动态</a></li>
                                            <li><a href="/#section-features">社团部门</a></li>
                                            <li><a href="#">最新活动<span>New</span></a></li>
                                        </ul>
									</li>
                                    <li><a href="/match"> 比赛 <span>New</span></a>
                                        <ul>
                                            <li><a href="/match/#">最新比赛<span>NEW</span></a></li>
                                            <li><a href="/match">往届精彩</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="/asssociations">社团</a></li>
                                    <li><a href="/#footer">关于我们</a></li>
                                    <li><a href="#">敬请期待</a>
                                        <ul>											
                                            <li><a href="#">1</a></li>
											<li><a href="#">2</a></li>
                                        </ul>
                                    </li>
                                </ul>
                                <div class="col-right">
                                    <a class="btn-custom" href="/login"><i class="fa fa-lock"></i>  登录</a>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <!-- small button begin -->
                        <span id="menu-btn"></span>
                        <!-- small button close -->

                    </div>
                </div>
            </div>
        </header>
        <!-- header close -->
    <!-- content begin -->
    <div class="no-bottom no-top" id="content">
      <div id="top"></div>
      <!-- section begin -->
      <section class="no-top no-bottom text-light" data-bgimage="url(user/images/background/11.jpg)"
        data-stellar-background-ratio=".2">
        <div class="overlay-bg t90">
          <div class="container">
            <div class="row">
              <div class="col-md-12 text-center">
                <div class="spacer-50 sm-hide"></div>
                <h1 class="no-bottom">创建团队</h1>
                <!-- <p class="lead">
                  Reserve your domain today before someone take it.
                </p> -->
              </div>
              
              <div class="col-md-8 offset-md-2">
                <form action="blank.php" class="row" id="form_subscribe" method="post" name="contactForm">
                  <div class="col text-center">
                    <div class="spacer-10"></div>
                    <input class="form-control" id="name_1" name="name_1" placeholder="请输入要创建的队伍名字" type="text" />
                    <a href="#" id="btn-submit"><i class="arrow_right" style="height: 52px; padding-top:10px;"></i></a>

                    <div class="clearfix"></div>
                  </div>
                  <div class="clearfix"></div>
                </form>
              </div>

              <div class="spacer-60"></div>

              <div class="col-md-8 offset-md-2">
                <div class="box-highlight s2 text-center mb40">
                  <div class="heading">
                    <h3>Your search result</h3>
                  </div>
                  <div class="content v1">
                    <p>
                      ------------------------------
                    </p>
                    <a href="#" class="btn-custom">参加个人赛</a>
                    <div class="spacer-10"></div>
                  </div>
                </div>



                <div class="text-center" >
                  <h1 class="no-bottom">加入已有团队</h1> 
                </div>
                <div class="box-highlight mb40">
                  <div class="heading text-center">
                    <!-- <h3>Featured domains</h3> -->
                  </div>
                  <div class="content">
                    <div class="de_table table-style-2 no-heading cols-2">
                      <div class="tr">
                        <div class="td">白菜</div>
                        <div class="td">
                          <a href="#" class="btn-custom">JOIN</a>
                        </div>
                      </div>
                     
                      <div class="tr">
                        <div class="td">一只猪</div>
                        <div class="td">
                          <a href="#" class="btn-custom">JOIN</a>
                        </div>
                      </div>
                      <div class="tr">
                        <div class="td">啥也不是</div>
                        <div class="td">
                          <a href="#" class="btn-custom">JOIN</a>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <!-- section close -->
    </div>
    <!-- content close -->

    <!-- footer begin -->
    <footer>
      <div class="container">
        <div class="row">
          <div class="col-md-8">
            <div class="row">
              <div class="col-md-4 col-xs-4">
                <div class="widget">
                  <h5>Contact</h5>
                  <div class="tiny-border"></div>
                  <!-- <ul>
                                          <li><a href="#">地址： </a></li>
                                          <li><a href="#"></a></li>
                                          <li><a href="#">Cloud Hosting</a></li>
                                          <li><a href="#">WordPress Hosting</a></li>
                                          <li><a href="#">Email Hosting</a></li>
                                          <li><a href="#">CMS Hosting</a></li>
                                          <li><a href="#">Ecommerce Hosting</a></li>
                                          <li><a href="#">Website Builder</a></li>
                                      </ul> -->
                  <ul>
                    <li>
                      地址 ：
                      <a target="_blank" href="https://j.map.baidu.com/b1/mKe">山东省青岛市崂山区青岛大学浮山校区西院快递服务大厅北
                        10m</a>
                    </li>
                    <li>社长电话 ： 17864202301 （丁宇轩）</li>
                    <!-- <li><a href=""></a></li> -->
                    <li>邮箱 ： 1142584965@qq.com</li>
                  </ul>
                </div>
              </div>

              <div class="col-md-4 col-xs-4">
                <div class="widget">
                  <h5>Instructor</h5>
                  <div class="tiny-border"></div>
                  <ul>
                    数据科学与软件工程学院
                    <br />
                    特聘教师：
                    <li>
                      <p href="#" style="color: gainsboro; padding: 0; margin: 0;" class="btn btn-sm wls">
                        王老师(点击扫码加微信)
                      </p>
                    </li>
                    <li>
                      <p href="#" style="color: gainsboro; padding: 0; margin: 0;" class="btn btn-sm lls">
                        刘老师(点击扫码加微信)
                      </p>
                    </li>
                    <li>
                      <p href="#" style="color: gainsboro; padding: 0; margin: 0;" class="btn btn-sm gls">
                        高老师(点击扫码加微信)
                      </p>
                    </li>
                  </ul>
                </div>
              </div>

              <div class="col-md-4 col-xs-4">
                <div class="widget">
                  <h5>Family</h5>
                  <div class="tiny-border"></div>
                  <ul>
                    <li><a href="#">社团21迎新群</a></li>
                    <li><a href="#">寒暑假听课群</a></li>
                    <li><a href="#">21比赛QQ群</a></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>

          <div class="col-md-4">
            <div class="widget">
              <a href="index.html">
                <img alt="" class="logo" src="/user/images/logo-light.png" style="margin-left: -122px;" />
              </a>
              <div class="spacer-20"></div>
              <p>
                我们用执着的灯光点亮，每一个沉静的夜。 <br />
                青岛大学
                <span style="border: black solid; color: #ffc616;">最</span>
                <span style="border: black solid; color: #ffc616;">最</span>
                <span style="border: black solid; color: #ffc616;">最</span>
                专业的技术性社团 <br />
                青岛大学 JAVA兴趣社团
                为同学们更好的学习JAVA语言而成立的专业性社团。<br />
                青岛大学java兴趣社团成立于2013年， <br />
                由资深java软件开发工程师和、 java讲师带队，<br />
                为同学们提供专业的编程环境。
              </p>
            </div>
          </div>
        </div>

        <div class="row">
          <div class="col-md-6 sm-text-center mb-sm-30">
            <div class="mt10">
              &copy; Copyright 2020 - Uhost by Designesia
            </div>
          </div>

          <div class="col-md-6 text-md-right text-sm-left">
            <div class="social-icons">
              <a href="#"><i class="fa fa-facebook fa-lg"></i></a>
              <a href="#"><i class="fa fa-twitter fa-lg"></i></a>
              <a href="#"><i class="fa fa-linkedin fa-lg"></i></a>
              <a href="#"><i class="fa fa-google-plus fa-lg"></i></a>
              <a href="#"><i class="fa fa-rss fa-lg"></i></a>
            </div>
          </div>
        </div>
      </div>
      <!-- display: none; -->
      <div class="ewm_box" style="display: none;">
        <!-- <img src="/user/images/contact/1.jpg" width="100%" height="100%" alt="">   -->
      </div>
    </footer>
    <!-- footer close -->

    <div id="preloader">
      <div class="spinner">
        <div class="bounce1"></div>
        <div class="bounce2"></div>
        <div class="bounce3"></div>
      </div>
    </div>
  </div>

  <div id="selector">
    <span class="opt tc1" data-color="scheme-01"></span>
    <span class="opt tc2" data-color="scheme-02"></span>
    <span class="opt tc3" data-color="scheme-03"></span>
    <span class="opt tc4" data-color="scheme-04"></span>
  </div>

  <!-- Javascript Files
    ================================================== -->
  <script src="/user/js/jquery.min.js"></script>
  <script src="/user/js/bootstrap.min.js"></script>
  <script src="/user/js/wow.min.js"></script>
  <script src="/user/js/jquery.isotope.min.js"></script>
  <script src="/user/js/easing.js"></script>
  <script src="/user/js/owl.carousel.js"></script>
  <script src="/user/js/validation.js"></script>
  <script src="/user/js/jquery.magnific-popup.min.js"></script>
  <script src="/user/js/enquire.min.js"></script>
  <script src="/user/js/jquery.stellar.min.js"></script>
  <script src="/user/js/jquery.plugin.js"></script>
  <script src="/user/js/typed.js"></script>
  <script src="/user/js/app.js"></script>
  <script src="/user/js/jquery.countTo.js"></script>
  <script src="/user/js/jquery.countdown.js"></script>
  <script src="/user/js/designesia.js"></script>

  <!-- 弹窗 插件  start-->
  <script src="/user/js/layer/layer.js"></script>
  <script src="/user/js/bont_it.js"></script>
  <!-- 弹窗 插件  end-->

</body>

</html>